<template>
  <Fieldset legend="Rounded" :toggleable="true">
    <div class="flex flex-wrap gap-4 card">
      <div
        v-for="(value, key) in  themeStore.TempTheme.primitive.borderRadius"
        :key="String(key)"
        class="w-[calc(25%-12px)]"
      >
        <label :for="String(key)" class="block mb-2 font-bold">{{ key }}</label>
        <InputText
          v-model="themeStore.TempTheme.primitive.borderRadius[key]"
          :id="String(key)"
          fluid
        />
      </div>
    </div>
  </Fieldset>
</template>

<script lang="ts" setup>
import { useThemeStore } from "@/stores/useThemeStore"
const themeStore = useThemeStore()
</script>
